草庐IT

Angular 单元测试简介

全部标签

javascript - 如何使用angular js通过 header 传递authtoken

我正在尝试通过header传递我的apiauthtoken。我是angularjs的新手,所以我无法做到这一点。我的代码:$scope.init=function(authtoken,cityname){$scope.authtoken=authtoken;$scope.cityname=cityname;$http({method:'GET',url:'/api/v1/asas?city='+$scope.cityname+'&auth='+$scope.authtoken}).success(function(data){现在我在apiurl中传递authtoken。但我想通过he

javascript - $event.stopPropogation 不是 Angularjs 单元测试中的函数错误

我正在尝试对绑定(bind)到ngClick指令的函数进行单元测试。现在看起来像这样,因为我们刚刚开始这个项目,在我开始之前我想要一些测试覆盖率:vm.open=function($event){$event.preventDefault();$event.stopPropagation();vm.opened=true;};我这样进行单元测试:describe('Unit:simpleSearchController',function(){//includemainmodulebeforeEach(module('myApp'));varctrl,scope,event;//inj

javascript - 单元测试 Angular/ ionic 项目

我有一个非常简单的Controller,看起来像这样。timeInOut.controller('timeInOutController',function($scope,$filter,$ionicScrollDelegate){...});每当我尝试为它创建一个单元测试时......(function(){'usestrict';varscope,controller,filter;describe('timeInOutController',function(){beforeEach(module('common.directives.kmDateToday'));beforeE

javascript - Protractor 中多个/并行浏览器的 E2E 测试?

使用Protractor如何设置/添加并行浏览器进行测试。示例:不仅要在chrome上测试,还要在firefox上测试?还有一种简单的移动测试方法吗?说ios8safari还是移动chrome?问题:如何编写exports.config对象以在并行套件测试中支持chrome和firefox?exports.config={multiCapabilities:[{'browserName':'chrome','chromeOptions':{args:['--test-type']}}]}suites:{homePageFooter:'protractor/homePage/footer

javascript - Angular JS 指令卸载事件或等效事件

所以,我有这些小部件:如您所知,它们是由ng-repeat创建和删除的。所以当有人确实删除了一个小部件时,指令中是否有任何地方我可以捕捉到正在发生的事件或等效事件?.directive('widget',functionwidget(){vardirective={restrict:'E',compile:compile};returndirective;functioncompile(){return{pre:preLink,post:postLink};}functionpreLink(scope,element){}functionpostLink(scope,element){

javascript - 如何使用angular js验证 ionic 形式

我正在尝试将ionic框架与Angular一起使用。我想在单击按钮时验证我的表单。意味着我需要在单击按钮时验证所有字段。所有字段都是必需的..我需要显示一条错误消息如果一个字段不满足要求。比如密码最少5个字符,最多10个字符。还有电子邮件验证。你能告诉我我将如何进行验证吗?这是我的codeSign-in,ThenTabsExamplenameemailpasswordcheckvalidation 最佳答案 我可能会迟到,但这是你可以做的。首先,您需要使用ng-submit指令定义一个表单(就像您所做的那样),以便您的表单可以POS

javascript - Angular-Chart 不渲染任何东西

我正在使用AngularJS构建应用程序。在这个应用程序中,我想显示一个包含一些数据的折线图。我有一个包含两个“标签”的页面。我为此使用了自己的实现:顶部的两个按钮,$scope.graph.visiblebool值,通过单击这些按钮进行设置。这是HTML中的图表:在Controller中我得到了这个:$scope.graph.data=[1,2,3,4,5,6,7,8];$scope.graph.labels=['hoi','doei','hallo','hee','hoi','doei','hallo','hee',];$scope.graph.options={animation

javascript - Angular ui - 多次执行的选项卡 Controller

当我点击一个选项卡时,相应的Controller被执行了4次。这是为什么?例如DetailsPersonController的init函数执行了4次。应该只在选项卡的View加载后执行。HTML标签:状态:.state("p.search.details",{url:"/details",abstract:true,templateUrl:"app/modules/partials/p/search/details/details.html",controller:"DetailsController",controllerAs:"vm"}).state("p.search.detai

javascript - 纯 Javascript 中的 Angular 2 路由(无 Typescript)

所以我一直在努力让路由器在不使用Typescript的情况下在Angular2中工作。除了一些使用装饰器函数的typescript编译的javascript之外,我似乎找不到任何示例。是否可以将Angular2Router与纯Javascript一起使用? 最佳答案 您可以使用router.config()指定路由列表的方法。这是一个完全用ES5编写的示例(参见thisplunk):varApp=Component({selector:'my-app',directives:[RouterOutlet,RouterLink],tem

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa